<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>404</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/assets/localpic/103.jpg}">

    <!-- CSS
    ========================= -->
    <!--bootstrap min css-->
    <link rel="stylesheet" th:href="@{/assets/css/bootstrap.min.css}">
    <!--owl carousel min css-->
    <link rel="stylesheet" th:href="@{/assets/css/owl.carousel.min.css}">
    <!--slick min css-->
    <link rel="stylesheet" th:href="@{/assets/css/slick.css}">
    <!--magnific popup min css-->
    <link rel="stylesheet" th:href="@{/assets/css/magnific-popup.css}">
    <!--font awesome css-->
    <link rel="stylesheet" th:href="@{/assets/css/font.awesome.css}">
    <!--ionicons css-->
    <link rel="stylesheet" th:href="@{/assets/css/ionicons.min.css}">
    <!--7 stroke icons css-->
    <link rel="stylesheet" th:href="@{/assets/css/pe-icon-7-stroke.css}">
    <!--animate css-->
    <link rel="stylesheet" th:href="@{/assets/css/animate.css}">
    <!--jquery ui min css-->
    <link rel="stylesheet" th:href="@{/assets/css/jquery-ui.min.css}">
    <!--plugins css-->
    <link rel="stylesheet" th:href="@{/assets/css/plugins.css}">

    <!-- Main Style CSS -->
    <link rel="stylesheet" th:href="@{/assets/css/style.css}">

    <!--modernizr min js here-->
    <script th:src="@{/assets/js/vendor/modernizr-3.7.1.min.js}"></script>
</head>

<body>

   <!--header area start-->
    
    <!--offcanvas menu area start-->
    <div class="off_canvars_overlay">
                
    </div>

    <!--offcanvas menu area end-->
    <!--header area end-->
    <!--error section area start-->
    <div class="error_section">
        <div class="container">   
            <div class="row">
                <div class="col-12">
                    <div class="error_form">
                        <h1>404</h1>
                        <h2>糟糕！没有找到要访问的页面</h2>
                        <p>页面可能不存在、被移除或只是暂时不生效</p>
<!--                        <form action="#">-->
<!--                            <input placeholder="Search..." type="text">-->
<!--                            <button type="submit"><i class="icon-magnifier icons"></i></button>-->
<!--                        </form>-->
                        <a th:href="@{/}">返回首页</a>
                    </div>
                </div>
            </div>
        </div>    
    </div>
    <!--error section area end-->



   <!-- JS
   ============================================ -->
   <!--jquery min js-->
   <script th:src="@{/assets/js/vendor/jquery-3.5.0.min.js}"></script>
   <!--popper min js-->
   <script th:src="@{/assets/js/popper.js}"></script>
   <!--bootstrap min js-->
   <script th:src="@{/assets/js/bootstrap.min.js}"></script>
   <!--owl carousel min js-->
   <script th:src="@{/assets/js/owl.carousel.min.js}"></script>
   <!--slick min js-->
   <script th:src="@{/assets/js/slick.min.js}"></script>
   <!--magnific popup min js-->
   <script th:src="@{/assets/js/jquery.magnific-popup.min.js}"></script>
   <!--jquery countdown min js-->
   <script th:src="@{/assets/js/jquery.countdown.js}"></script>
   <!--jquery ui min js-->
   <script th:src="@{/assets/js/jquery.ui.js}"></script>
   <!--jquery elevatezoom min js-->
   <script th:src="@{/assets/js/jquery.elevatezoom.js}"></script>
   <!--isotope packaged min js-->
   <script th:src="@{/assets/js/isotope.pkgd.min.js}"></script>
   <!-- Plugins JS -->
   <script th:src="@{/assets/js/plugins.js}"></script>

   <!-- Main JS -->
   <script th:src="@{/assets/js/main.js}"></script>





</body>

</html>